// 为搜索输入框添加输入事件监听器
$('#searchInput').on('input', function () {
    // 获取搜索输入框的值并转换为小写
    var searchText = $(this).val().toLowerCase();
    // 遍历表格主体中的每一行
    $('#default-datatable tbody tr').each(function () {
        // 获取行中每个单元格的文本内容并转换为小写
        var cellText = $(this).text().toLowerCase();
        // 根据是否包含搜索文本来显示或隐藏行
        $(this).toggle(cellText.indexOf(searchText) > -1);
    });
});
function showSuccess(data) {
    var alertDiv = document.createElement('div');
    alertDiv.classList.add('alert', 'alert-success');
    alertDiv.innerHTML = data;
    document.getElementById('alertContainer').appendChild(alertDiv);
    setTimeout(function () {
        alertDiv.remove();
    }, 3000);
}
// 获取当前点击按钮所在的行
//信息的回填
$('#table-body').on('click', '.edit-btn', function() {
    // 获取当前点击按钮所在的行
    let currentRow = $(this).closest('tr');
// 从当前行中获取各个td元素的文本内容，即数据的各个属性
    let id = currentRow.find('td:eq(0)').text(); // 第一列
    let username = currentRow.find('td:eq(1)').text(); // 第二列
    let password = currentRow.find('td:eq(2)').text(); // 第三列
    $('#userid').val(id);
    $('#username').val(username);
    $('#password').val(password);
});
//给确认修改添加一个监听事件
    $('#revise').on('click',function (){
        var editData={
            id:$('#userid').val(),
            username:$('#username').val(),
            password:$('#password').val()
        };
        $.ajax({
            url:"/show/updateUserInfo",
            type:"POST",
            contentType : "application/json;charset=UTF-8",
            data:form2JsonString('editForm'),
            success:function (){
                cocoMessage.success('操作成功');
            },
            error:function (error){
                cocoMessage.error('操作失败');
            }
        })
        $('#table-body tr').eq($('#userid').val()-1).find('td:eq(0)').text(editData.id);
        $('#table-body tr').eq($('#userid').val()-1).find('td:eq(1)').text(editData.username);
        $('#table-body tr').eq($('#userid').val()-1).find('td:eq(2)').text(editData.password);
    })
function form2JsonString(formId) {
    var paramArray = $('#' + formId).serializeArray();
    /*请求参数转json对象*/
    var jsonObj = {};
    $(paramArray).each(function () {
        jsonObj[this.name] = this.value;
    });
    console.log(jsonObj);
    // json对象再转换成json字符串
    return JSON.stringify(jsonObj);
}
//封禁用户
$('#table-body').on('change','tr',function () {
    let currentRow = $(this);
    let id=currentRow.find('td:eq(0)').text();
    let status;
    let newValue = currentRow.find('td:eq(3) input[type="checkbox"]').prop('checked');
    if (newValue) {
       status=1;
    } else {
        status=0;
    }
    $.ajax({
        type:"POST",
        url:"/show/updateStatus",
        data:{id:id,status:status},
        success:function (){
            if(status===1){
                cocoMessage.success('解封成功');
            }else{
                cocoMessage.success('封禁成功');
            }
        }
    })
})
//删除用户
$('#table-body').on('click','.btn-danger',function (){
    /*
    首先获取当前的点击行，然后如果点击弹出的模态框的确认删除，才删除表格中的该行
     */
    let currentRow=$(this).closest('tr');
    let id = currentRow.find('td:eq(0)').text();
    $('#deleteInfo').on('click',function (){
        currentRow.remove();//将当前行的数据删除
        $.ajax({
            type:"POST",
            url:"/show/deleteUserInfo",
            data:{id:id},
            success:function (){
                cocoMessage.success('删除成功');
            },
            error:function (error){
                cocoMessage.error('删除失败');
            }
        })
    })
})